.right {
  float: right;
}
.center {
  text-align: center;
}
.login-dialog {
  width: 440px;
  height: 469px;
  // position: absolute;
  // top: 50%;
  // left: 50%;
  // transform: translate(-50%, -50%);
  background: white;
  .close-icon {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 22px;
    top: 22px;
    cursor: pointer;
  }
  // 标题
  .auto-center {
    margin: 0 auto;
    width: 344px;
    height: 30px;
    .login-head {
      margin-top: 48px;
      text-align: center;
      img {
        width: 66px;
        height: 2px;
        position: relative;
        top: 10px;
        float: left;
        vertical-align: middle;
      }
      .title {
        font-size: 24px;
        color: #4b4c4d;
        padding: 0 2px;
        float: left;
        font-weight: 500;
      }
    }
  }
  // 登陆选择
  .login-type {
    width: 344px;
    margin: 0 auto;
    margin-top: 44px;

    .username-login {
      margin-left: 25px;
    }
  }
  // 手机号input
  .login-body {
    width: 344px;
    height: 44px;
    margin: 0 auto;
  }
  .login-item {
    width: 344px;
    height: 44px;
    margin-top: 24px;
    border: 1px solid #eaeaea;
    // +86
    .select-current {
      text-align: center;
      border-right: 1px solid #eaeaea;
      background-color: #fff;
      height: 42px;
      line-height: 42px;
      cursor: pointer;
      font-size: 12px;
      width: 125px;
      float: left;
      .select-value {
        font-size: 14px;
      }
      .select-icon {
        width: 10px;
        height: 5px;
        position: relative;
        top: -2px;
        margin-left: 4px;
      }
    }
    // 输入框
    .input-item {
      width: 205px;
      height: 42px;
      line-height: 42px;
      padding-left: 12px;
      float: left;
      .input {
        border: none;
        outline: 0;
        font-size: 14px;
        width: 90%;
      }
      .eyes-icon {
        width: 16px;
        height: 16px;
        position: relative;
        cursor: pointer;
        top: 3px;
      }
    }
  }
  // 底部
  .login-footer {
    width: 340px;
    height: 200px;
    margin: 0 auto;
    .mt18 {
      margin-top: 18px;
    }
    .mt24 {
      margin-top: 24px;
    }
    // 忘记密码
    .forget-tips {
      font-size: 14px;
    }
    .link-active {
      color: #f8aa00;
      border: 0 none;
      cursor: pointer;
      background-color: transparent;
    }
    // 注册
    .bottom-tips {
      text-align: center;
      font-size: 14px;
    }
  }
}
.link-normal {
  color: #444;
  text-decoration: none;
}
.active {
  color: #f8aa00;
}
.btn-large {
  width: 100%;
  height: 44px;
  font-size: 16px;
  border: 1px solid #f8aa00;
  border-radius: 2px;
  line-height: 44px;
  background: #f8aa00;
  color: white;
}
